.product-carousel .title{padding-top:40px;padding-bottom:40px;}
.product-carousel .title h2.star{display: inline-block;margin-left:45px;}
.product-carousel .title h2.star:before{content:"";position:absolute;background-image:url(../images/more-ico.png);width:25px;height:24px;margin-left: -45px;background-position:100% 0;}
.product-carousel .title span{margin-left:10px;color:#757575;}
.product-carousel .title .more{position: relative;float:right;margin-right:28px;}
.product-carousel .title .more a{color:#ffc107;}
.product-carousel .title .more i{font-style: normal;letter-spacing: 1px;}
.product-carousel .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:20px;height:20px;background-position: 26.7% 0;;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:8px;}
.product-carousel .title:after{content:"";clear:both;}
.product-carousel .body{padding-bottom:35px;}
.product-carousel .body a{display: block;color:#ffffff;}
.product-carousel .body .slick-slide{position:relative;}
.product-carousel .body i.hot{left:15px;}
.product-carousel .body .slick-slide > a{margin-left: 15px;margin-right: 15px;}
.product-carousel .body a.bgimg{background-image: linear-gradient(0deg,#d3dbff 0%,#f0f2fd 100%);}
.product-carousel .body a.bgimg span{color:#3f51b5;text-align: center;display: block;padding-top:30px;font-weight: bold;font-size: 20px;}
.product-carousel .body a.bgimg p{color:#3f51b5;text-align: center;line-height:1;margin-top:15px;margin-bottom:0;}
.product-carousel .body .more{margin-left:15px;margin-right:15px;height: 40px;}
.product-carousel .body .more span{position:relative;text-align:center;width:50%;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:14px;vertical-align: top;transition:all .2s ease-in-out}
.product-carousel .body .more span:first-child{background-color:#3f51b5;}
.product-carousel .body .more span:last-child{background-color:#ffc107;}
.product-carousel .body .more i{font-style: normal;letter-spacing: 1px;margin-left: -22px;}
.product-carousel .body .more span i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;background-position: 48.5% 0;}
.product-carousel .body .more span:hover{padding-top:8px;padding-bottom:8px;}
.product-carousel .slick-arrow {position:absolute;content:'';border:0;width:24px;height:44px;cursor:pointer;z-index:9999; background-image:url(../images/arrow-large.png);font-size: 0;top:150px;background-color: transparent;}
.product-carousel .slick-prev {background-position:left bottom;left:30px;}
.product-carousel .slick-prev:hover {background-position:left top;}
.product-carousel .slick-next {background-position:right bottom;right:30px}
.product-carousel .slick-next:hover {background-position:right top;}

.application-index{background-color:#f0f2fd;}
.application-index .title{padding-top:40px;padding-bottom:40px;}
.application-index .title h2{display: inline-block;}
.application-index .title span{margin-left:10px;color:#757575;}
.application-index .body{padding-bottom:40px;}
.application-index .body .slide .index_bg{background-color: #ffc107;width:115px;height:45px;position:absolute;bottom:0;right:0;border-top-left-radius:8px;}
.application-index .body .slide .slick-arrow {position:absolute;content:'';border:0;width:11px;height:20px;cursor:pointer;z-index:9999; background-image:url(../images/more-ico.png);font-size: 0;background-color: transparent;bottom: 10px;padding: 0;}
.application-index .body .slide .slick-prev {background-position:65% 25.5%;right: 85px;}
.application-index .body .slide .slick-prev:hover {background-position:65% 0;}
.application-index .body .slide .slick-next {background-position:73.5% 0;right:15px}
.application-index .body .slide .slick-next:hover {background-position:73.5% 25.5%;}
.application-index .body .slide .slick-dots{margin-top: -40px;}
.application-index .body .slide .slick-dots li{display:none;position:absolute;right:35px;}
.application-index .body .slide .index {color:#fff;font-size:20px;}
.application-index .body .slide .slick-dots li.slick-active{display:block;}
.application-index .body .slide-nav{border-bottom:1px solid #c5cae9;box-sizing: border-box;}
.application-index .body .slide-nav li{position: relative;width:50% !important; height:25%;border-right:1px solid #c5cae9; border-top:1px solid #c5cae9;float:left;box-sizing: border-box;transition:all 0s ease;}
.application-index .body .slide-nav li a{display:block;padding: 15px;}
.application-index .body .slide-nav li span{display: block;margin-left:80px;line-height: 3.3;color:#757575;}
.application-index .body .slide-nav li i{position: absolute;right: 30px;top: 0;bottom: 0;}
.application-index .body .slide-nav li i:before{content: '';position: absolute;left: 50%;top: 50%;width: 20px;margin-left: -10px;margin-top: -2px;border-top: 4px solid #ffc107;}
.application-index .body .slide-nav li i:after{content: '';position: absolute;left: 50%;top: 50%;height: 20px;margin-left: -2px;
margin-top: -10px;border-left: 4px solid #ffc107;}
.application-index .body .slide-nav .slick-current i:before,.application-index .body .slide-nav li:hover i:before{border-top: 4px solid #ffffff;}
.application-index .body .slide-nav .slick-current i:after,.application-index .body .slide-nav li:hover i:after{border-left: 4px solid #ffffff;}
.application-index .body .slide-nav .slick-current ,.application-index .body .slide-nav li:hover{background-color:#3f51b5;}
.application-index .body .slide-nav .slick-current span,.application-index .body .slide-nav li:hover span{color:#ffffff;}
.application-index .body .slide-nav li span:before{position:absolute;content:"";background-image:url(../images/application/application-ico.png);width:60px;height:60px;background-size:auto;margin-left:-80px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;background-position-y: top;}
.application-index .body .slide-nav .slick-current span:before,.application-index .body .slide-nav li:hover span:before{background-position-y: bottom;}
.application-index .body .slide-nav li:first-child span:before{background-position-x: 85.5%;}
.application-index .body .slide-nav li:nth-child(2) span:before{background-position-x: 14.5%;}
.application-index .body .slide-nav li:nth-child(3) span:before{background-position-x: 29%;}
.application-index .body .slide-nav li:nth-child(4) span:before{background-position-x: 42.5%;}
.application-index .body .slide-nav li:nth-child(5) span:before{background-position-x: 57.5%;}
.application-index .body .slide-nav li:nth-child(6) span:before{background-position-x: 100%;}
.application-index .body .slide-nav li:nth-child(7) span:before{background-position-x: 71.5%;}
.application-index .body .slide-nav li:last-child span:before{background-position-x: 0%;}

.case-index .title{padding-top:40px;padding-bottom:40px;}
.case-index .title h2{display: inline-block;}
.case-index .title span{margin-left:10px;color:#757575;}
.case-index .title .more{position: relative;float:right;margin-right:28px;}
.case-index .title .more a{color:#ffc107;}
.case-index .title .more i{font-style: normal;letter-spacing: 1px;}
.case-index .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:20px;height:20px;background-position: 26.7% 0;;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:8px;}
.case-index .title:after{content:"";clear:both;}
.case-index .body{margin-left:-15px;margin-right:-15px;padding-bottom:40px;}
.case-index .slide .img{display:block;padding-left:15px;padding-right:15px;}
.case-index .body .slick-initialized .slick-slide{padding-left:15px;padding-right:15px;}
.case-index .body .item > div{position:relative;}
.case-index .body .more{-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;bottom: 0;height: 2px;position: absolute;overflow: hidden;width: 100%;}
.case-index .body .more div{margin-left:15px;margin-right:15px;}
.case-index .body .more span{position:relative;text-align:center;width:50%;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:14px;vertical-align: top;}
.case-index .body .more span a{display: block;color:#ffffff;}
.case-index .body .more span:first-child{background-color:#3f51b5;}
.case-index .body .more span:last-child{background-color:#ffc107;}
.case-index .body .more i{font-style: normal;letter-spacing: 1px;margin-left: -22px;}
.case-index .body .more span i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;background-position: 48.5% 0;}
.case-index .body .item:hover .more{height:36px;}
.case-index .body h4{line-height: 1.5;padding-left:15px;padding-right:15px;letter-spacing: 1px;font-size:16px;padding-top:15px;padding-bottom:35px;}
.case-index .body h4 a{color: #757575;}
.case-index .body .item:hover h4 a{color:#212121;}
.case-index .slick-dots{margin-top:-30px;}
.case-index .slick-dots li button{width: 30px;height: 8px;}
.case-index .slick-dots li button:before{width: 30px;height: 8px;border-radius: 2px;}


.video-photo{background-image:url(../images/video-book.jpg);background-size:cover;background-position: center;}
.video-photo .video a,.video-photo .album a{display:block;position:relative;text-align: center;}
.video-photo .video i,.video-photo .album i{padding: 70px;display:table;margin-left:auto;margin-right:auto;font-style: normal;color:#fff;margin-top:70px;}
.video-photo .video i:before,.video-photo .album i:before{content:'';position:absolute;background-image:url(../images/video-photo.png);width:62px;height:62px;margin-top:-70px;}
.video-photo .video i:before{background-position-y:top;}
.video-photo .album i:before{background-position-y:bottom;}

.news-index .title{padding-top:0;/*padding-top:40px;*/padding-bottom:40px;}
.news-index .title h2{display: inline-block;}
.news-index .title span{margin-left:10px;color:#757575;}
.news-index .title .more{position: relative;float:right;margin-right:28px;}
.news-index .title .more a{color:#ffc107;}
.news-index .title .more i{font-style: normal;letter-spacing: 1px;}
.news-index .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:20px;height:20px;background-position: 26.7% 0;;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:8px;}
.news-index .title:after{content:"";clear:both;}
.news-index .body{padding-bottom:70px;}
.news-index .body > .col-6:first-child{padding-right:15px;}
.news-index .body > .col-6:last-child{padding-left:15px;}
.news-index .body > .col-6 .top{background-color:#f0f2fd;}
.news-index .body > .col-6 .top .img{font-size:0;}
.news-index .body > .col-6 .top:hover h4{color:#ffc107;}
.news-index .body > .col-6 .top h4{font-size:20px;color:#3f51b5;font-weight:600;line-height:1.5;padding-left:30px;padding-right:30px;letter-spacing: 1px;padding-top:15px;transition:all 300ms ease;    height: 75px;  overflow: hidden;}
.news-index .body > .col-6 .top p{display:none;padding-left:30px;padding-right:30px;margin-bottom: 10px;margin-top: 10px;}
@media only screen and (min-width:1200px) {.news-index .body > .col-6 .top p{display:block;}}
.news-index .body > .col-6 ul{border-left:1px solid #c5cae9;margin-left:12px;padding-top:10px;padding-bottom:10px;}
.news-index .body > .col-6 ul li{padding-left:30px;padding-right:30px;padding-top:20px;}
.news-index .body > .col-6 ul li h4{font-size:20px;color:#212121;line-height:1.8;position:relative;transition:all 300ms ease;}
.news-index .body > .col-6 ul li h4:before{content:'';position:absolute;height:24px;width:24px;background-color:#f0f2fd;border-radius:24px;left:-42px;top:6px;}
.news-index .body > .col-6 ul li h4:after{content:'';position:absolute;height:12px;width:12px;background-color:#c5cae9;border-radius:12px;left:-36px;top:12px;transition:all 300ms ease;}
.news-index .body > .col-6 ul li p{display:none;margin-top:0;margin-bottom:0;}
.news-index .body > .col-6 ul li:hover p{display:block;}
.news-index .body > .col-6 ul li:hover h4{color:#3f51b5;}
.news-index .body > .col-6 ul li:hover h4:after{background-color:#3f51b5;}